<template>
  <div class="w100 xczxfsdtert display-flex">
    <div class="xczxcfrtery">
      <n-menu
        :collapsed-width="64"
        :collapsed-icon-size="22"
        :options="menuOptions"
        :default-value="currentRoute.name"
        default-value="jbxin"
      />
    </div>
    <div class="flex-1 pd pt10 pm10">
      <router-view> </router-view>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ref, h } from "vue";
import { useRouter } from "vue-router";
import { hf, dxget } from "../../../util/index.ts";
const { currentRoute } = useRouter();
const kxzcxder = ref(1);
localStorage.Userid = "88887745";
const menuOptions = ref([
  {
    key: "cjiaoyuju",
    label: () => {
      return h(
        "div",
        {
          onClick: () => {
            hf("cjiaoyuju");
          },
        },
        "系统首页"
      );
    },
  },
  {
    key: "jyxslist",
    label: () => {
      return h(
        "div",
        {
          onClick: () => {
            hf("jyxslist");
          },
        },
        "学校列表"
      );
    },
  },
  {
    key: "jyjjigoulist",
    label: () => {
      return h(
        "div",
        {
          onClick: () => {
            hf("jyjjigoulist");
          },
        },
        "教育局列表"
      );
    },
  },
]);
</script>
<style scoped>
.xczxfsdtert {
  height: 100vh;
  background: #f8f8f8;
}
.xczxcfrtery {
  width: 175px;
  background: #181818;
}
</style>
